<style type="text/css">
body{background:#eee}
.storelogo img{width:3.2rem;height:3.2rem}
.merchgroup .store-star {padding:0.1rem 0 0.2rem 0;font-size:0.55rem;line-height:1rem}
.merchgroup .store-star img{height:0.66rem}
.fui-tab-scroll .item a {color:#999}
.fui-tab-scroll .item.on,.fui-tab-scroll .item.on a{color:#333;font-weight: 400;position: relative;font-size:0.8rem}
.fui-tab-scroll .item.on:before {content: ""; height: 2px; width: 40%; background: #db232b; position: absolute; bottom:0; left: 30%}
.fui-tab-scroll .item.active{color:#db232b;}
.syscolor{color:#cdab6a}
.sysbgcolor{background-color:#cdab6a}
.jylabel-red {
	border: 1px solid #cdab6a;color:#cdab6a;background-color:#fff;
}
.jylabel-red.active,.jylabel-red:focus,.jylabel-red:hover,.jylabel-red[href]:focus,.jylabel-red[href]:hover {
	background-color:#cdab6a;color:#fff;
}
.jylabel-red.active,.jylabel-red:focus,.jylabel-red:hover,.jylabel-red[href]:focus,.jylabel-red[href]:hover {
	background-color:#cdab6a;
	color:#fff;
	border: 1px solid #cdab6a;color:#fff;
}
.fui-goods-item .detail .price .text {
    color: #cdab6a;
}
.fui-tab-scroll .item.on:before {background: #cdab6a;}
.carousel {margin-top:0}
.fui-header:after {
	border-bottom: 0 solid #D9D9D9;
}
.fui-searchbar {padding-top:0.3rem;padding-bottom:0.3rem;height:auto;border-top-right-radius:1rem;border-top-left-radius:1rem;}
.searchbar .search-input input {
    height: 1.6rem;
}
.search-input i {
    line-height: 1.7rem;
}
.fui-notice:before {
    border-top: 1px dashed #e2e2e2;
}

.fui-notice:after {
    border-top: 1px dashed #e2e2e2;
}
</style>
<div ng-if="!pagedata.vip.openvip || (pagedata.vip.openvip==1&&pagedata.user.isvip==1)" id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox" style="height:6rem">
		<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.basic.hdps">
			<a href="#">
				<img src="{{tomedia(item.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
		<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
				<div class="fui-swipe-bullet" ng-repeat="item in pagedata.basic.hdps" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
		</div>
</div>
<div ng-if="pagedata.vip.openvip && pagedata.user.isvip==0" id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox" style="height:6rem">
		<div ng-click="access_json('jy_yuyue/buyvip/')">
			<a href="#">
				<img src="{{tomedia(pagedata.vip.vip_img) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
</div>
<style>
.radius .fui-notice {border-radius:0.5rem}
.radius .fui-notice:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    border-top: 0 solid #e2e2e2;
}

.radius .fui-notice:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    border-top: 0 solid #e2e2e2;
}
</style>
	<div ng-if="pagedata.notice_list" class="fui-notice">
		<div class="image"><img src="../core/resource/images/diy/hotdot.jpg"></div>
		<div class="icon"><i class="fa fa-volume-up" style="font-size: 0.7rem;"></i></div>
		<div class="text">
			<ul>
					<li ng-repeat="item in pagedata.notice_list">
						<a href="javascript:;" ng-click="access_json('jy_yuyue/noticedetail//id='+item.id)">{{item.title}}</a>
					</li>
			</ul>
		</div>
	</div>
		<script type="text/javascript">
			function autoScroll(obj){
				$(obj).find("ul").animate({  
					marginTop : "-1rem"  
				},500,function(){  
					$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);  
				})  
			}  
			$(function(){  
				setInterval('autoScroll(".fui-notice .text")',3000);
			}) 
		</script>
<div class="fui-searchbar bar" style="background:none">
    <div ng-class="{'searchbar center':1,'searchbar-active':pagedata.searchbar ==1}">
                <input type="button" ng-click="access(pagedata.op,made_query(pagedata.params))"  value="搜索" class="searchbar-cancel searchbtn">
                <div class="search-input" ng-click="pagedata.searchbar =1">
                    <input type="search" placeholder="输入关键字" class="search" ng-model="pagedata.params.keyword">
                </div>
    </div>
</div>
<style>
.fui-icon-group {background: #ffffff}
.bgbai .fui-icon-group,.bgnone .fui-icon-group {background: none}
.fui-icon-group .fui-icon-col .text {
    color: #666666;
}
.bgbai .fui-icon-group .fui-icon-col .text {
    color: #fff;
}
</style>
<div style="padding: 0 0.5rem;width:100%">
<div ng-if="pagedata.basic.bankuai.length>0" class="fui-icon-group noborder col-4 radius">
    <a class="fui-icon-col external" ng-repeat="item in pagedata.basic.bankuai" href="javascript:;" ng-click="access_json(item.action)" data-nocache="true">
            <div class="icon"><img ng-src="{{tomedia(item.img) || '../core/resource/images/diy/icon/icon_goods.png'}}"></div>
            <div class="text">{{item.title}}</div>
    </a>
</div>
</div>
<div class="fui-tab-scroll" style="padding-left:0.5rem;">
	<div class="item on" style="height:2rem;line-height:2rem"><a href="javascript:;">推荐预约项目</a></div>
</div>
<div style="padding: 0.25rem 0.5rem;width:100%">
	<div ng-repeat="item in pagedata.serve_show" class="fui-goods-group block" style="padding:0;margin-bottom:0.3rem">
		<div ng-include="sys_html('_severlistone')"></div>
	</div>
</div>
<div ng-include="sys_html('_footer')"></div>
<script>
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
</script>